{% extends 'material/frontend/base.html' %}
{% load i18n material_form %}

{% block extrahead %}
{{ wizard.form.media }}
{% endblock %}

{% block title %}{{ current_module.verbose_name }} - {{ block.super }}{% endblock %}
{% block page_title %}<a href="{{ current_module.index_url }}">{{ current_module.verbose_name }}</a>{% endblock %}
{% block breadcrumbs_items %}{{ wizard.form.description }}{% endblock %}

{% block content %}
    <div class="left-panel wide">
        <div class="card">
            <form action="" method="post">{% csrf_token %}
                <div class="card-content">
                    <span class="card-title grey-text text-darken-2">Step {{ wizard.steps.step1 }} of {{ wizard.steps.count }}</span>
                    {{ wizard.management_form }}

                    {% if wizard.form.forms %}
                        {{ wizard.form.management_form }}
                        {% for form in wizard.form.forms %}
                            {% form %}{% endform %}
                        {% endfor %}
                    {% else %}
                        {% form form=wizard.form %}{% endform %}
                    {% endif %}
                </div>
                <div class="card-action right-align">
                    {% if wizard.steps.prev %}
                    <button class="btn bnt-default" name="wizard_goto_step" type="submit" value="{{ wizard.steps.first }}">
                        {% trans "first step" %}
                    </button>
                    <button class="btn" name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}">
                        <i class="mdi-navigation-arrow-back left"></i>
                        {% trans "prev step" %}
                    </button>
                    {% endif %}
                    <button class="btn" type="submit">
                        {% trans "submit" %}
                        <i class="mdi-navigation-arrow-forward right"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
{% endblock %}






{% block main %}
{{ block.super }}

<script>$('.dropdown-button').dropdown()</script>
{% endblock %}